import React from 'react';
import { View, Text, Image } from 'react-native';

import styles from './style';
import Images from './../../constants/images';

import { t } from 'react-native-tailwindcss';

function QueryRecommend() {
  return (
    <View style={[styles.querySection, t.mB3]}>
      <View style={styles.querySectionTitle}>
        <View style={styles.querySectionTitleL}>
          <View style={styles.querySectionVLine} />
          <Text style={styles.querySectionText}>今日推荐</Text>
        </View>
      </View>
      <View style={styles.querySectionContent}>
        <View style={styles.queryRecommendContainer}>
          <View style={styles.queryRecommendItem}>
            <Image
              style={styles.queryRecommendItemImage}
              source={Images.query_banner_01}
            />

            <View style={styles.queryRecommendItemInfo}>
              <Text style={styles.queryRecommendItemInfoName} numberOfLines={1}>
                汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠
              </Text>

              <View style={styles.queryRecommendItemInfoPrice}>
                <Text style={styles.queryRecommendItemInfoCurPrice}>¥355</Text>
                <Text style={styles.queryRecommendItemInfoOriPrice}>¥565</Text>
              </View>
            </View>
          </View>
          <View style={styles.queryRecommendItem}>
            <Image
              style={styles.queryRecommendItemImage}
              source={Images.query_banner_01}
            />

            <View style={styles.queryRecommendItemInfo}>
              <Text style={styles.queryRecommendItemInfoName} numberOfLines={1}>
                汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠
              </Text>

              <View style={styles.queryRecommendItemInfoPrice}>
                <Text style={styles.queryRecommendItemInfoCurPrice}>¥355</Text>
                <Text style={styles.queryRecommendItemInfoOriPrice}>¥565</Text>
              </View>
            </View>
          </View>
          <View style={styles.queryRecommendItem}>
            <Image
              style={styles.queryRecommendItemImage}
              source={Images.query_banner_01}
            />

            <View style={styles.queryRecommendItemInfo}>
              <Text style={styles.queryRecommendItemInfoName} numberOfLines={1}>
                汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠
              </Text>

              <View style={styles.queryRecommendItemInfoPrice}>
                <Text style={styles.queryRecommendItemInfoCurPrice}>¥355</Text>
                <Text style={styles.queryRecommendItemInfoOriPrice}>¥565</Text>
              </View>
            </View>
          </View>
          <View style={styles.queryRecommendItem}>
            <Image
              style={styles.queryRecommendItemImage}
              source={Images.query_banner_01}
            />

            <View style={styles.queryRecommendItemInfo}>
              <Text style={styles.queryRecommendItemInfoName} numberOfLines={1}>
                汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠汽车前保险杠
              </Text>

              <View style={styles.queryRecommendItemInfoPrice}>
                <Text style={styles.queryRecommendItemInfoCurPrice}>¥355</Text>
                <Text style={styles.queryRecommendItemInfoOriPrice}>¥565</Text>
              </View>
            </View>
          </View>
        </View>
      </View>
    </View>
  );
}

export default QueryRecommend;
